<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>确认订单</title>
<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath() %>/resources/css/confirm.css">
<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath() %>/resources/css/common/jquery-ui-1.10.4.custom.css">
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/common/jquery-1.10.2.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/common/jquery.qrcode.min.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/common/jquery-ui-1.10.4.custom.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/common/jquery.validate.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() %>/resources/js/confirm.js"></script>
</head>
<body style="background: #f7f7f7">
	<%@include file="common/header.jsp"%>

	<div class="content">

		<table class="pro_infor">
			<caption>
				<h2>订单详情</h2>
			</caption>
			<thead>
				<tr>
					<td>商品名称</td>
					<td>数量</td>
					<td>预定时间</td>
					<td>总价</td>

				</tr>
			</thead>
			<tbody>
				<!-- 表单开始 -->
				<c:forEach var="pro" items="${prolist }">
					<tr>
						<td class="pro_title">${pro.description }</td>
						<td class="quan">${pro.quantity }</td>
						<td class="target_date">${pro.date}</td>
						<td class="pro_id" style="display: none;">${pro.product_id }</td>
						<!-- 获取商品id通过ajax传值 -->
						<td class="price">${pro.pro_totalprice }</td>
					</tr>

				</c:forEach>
				<!-- 表单结束 -->
			</tbody>
			<tfoot>
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td><span class="total">总价：￥</span><span class="all_price"></span></td>
				</tr>
			</tfoot>
		</table>

		<form action="JavaScript:void()" id="infor_form">
			<!-- 表单开始 -->
			<div class="connect_infor">
				<div class="infor_title">
					<strong>联系人信息</strong><span>为方便及时与您联系，请准确填写联系人信息（手机号码Email）</span>
				</div>
				<div id="connect_p">
					<p>
						姓&nbsp;&nbsp;&nbsp;名：&nbsp;<input type="text" id="connect_name"
							name="conPersonname"><span class="star">*</span>
					</p>
					<p>
						手机号：<input type="text" id="connect_phone" name="conPhone"><span
							class="star">*</span>
					</p>
					<p>
						E—mail：<input type="text" id="connect_email" name="conEmail">
					</p>
				</div>
			</div>

			<div class="travel_infor">
				<div class="infor_title">
					<strong>旅客信息1</strong><span>为了您能顺利出行，请务必确认所填姓名与所持证件一致</span>
				</div>
				<div id="travle_p">
					<p>
						中文姓名：<input type="text" class="travel_name1" name="tra1Personname"><span
							class="star">*</span>
					</p>
					<p>
						身&nbsp;份&nbsp;证：&nbsp;&nbsp;<input type="text" class="IDcar1"
							name="tra1Idcard"><span class="star">*</span>
					</p>
					<p>
						国&nbsp;&nbsp;&nbsp;&nbsp;籍&nbsp;：&nbsp;&nbsp;&nbsp;<input
							type="text" class="country1" name="tra1Country"><span
							class="star">*</span>
					</p>
					<p>
						手&nbsp;机&nbsp;号&nbsp;：&nbsp;<input type="text"
							class="travel_phone1" name="tra1Phone"><span class="star">*</span>
					</p>
					<!-- <p id="sex">性&nbsp;&nbsp;&nbsp;别：<input type="radio">男<input type="radio">女<span class="star">*</span></p> -->

				</div>
			</div>

			<div class="travel_infor">
				<div class="infor_title">
					<strong>旅客信息2</strong><span>为了您能顺利出行，请务必确认所填姓名与所持证件一致</span>
				</div>
				<div id="travle_p">
					<p>
						中文姓名：<input type="text" class="travel_name2" name="tra2Personname"><span
							class="star"></span>
					</p>
					<p>
						身&nbsp;份&nbsp;证：&nbsp;&nbsp;<input type="text" class="IDcar2"
							name="tra2Idcard"><span class="star"></span>
					</p>
					<p>
						国&nbsp;&nbsp;&nbsp;&nbsp;籍&nbsp;：&nbsp;&nbsp;&nbsp;<input
							type="text" class="country2" name="tra2Country"><span
							class="star"></span>
					</p>
					<p>
						手&nbsp;机&nbsp;号&nbsp;：&nbsp;<input type="text"
							class="travel_phone2" name="tra2Phone"><span class="star"></span>
					</p>

				</div>
			</div>

			<!-- <div class="address_infor">
				<div class="infor_title">
					<strong>配送信息</strong><span>为方便及时配送，请准确填写配送信息（联系电话，收货地址）</span>
				</div>
				<div id="address_p">
					<p>
						收&nbsp;&nbsp;件&nbsp;&nbsp;人：<input type="text" id="address_name"
							name="address_name"><span class="star">*</span>
					</p>
					<p>
						联系电话：<input type="text" id="address_phone" name="address_phone"><span
							class="star">*</span>
					</p>
					<p>
						收货地址：<input type="text" id="address" name="address"><span
							class="star">*</span>
					</p>
				</div>
			</div> -->

			<input type="submit" value="确认订单，去支付" id="confirm">
		</form>

		<!-- 表单结束 -->
	</div>
	<!-- 这是支付弹窗部分 -->
	<div id="div_pay"></div>
	<!-- 这是支付弹窗部分 -->
	<span id="queryoder" style="display: none;"></span>

	<%@include file="common/footer.jsp"%>
</body>
</html>